<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			/*将class为red的元素设置为红色（字体）*/
			.red{
				color: red;
			}
			/*将class为red的div字体大小设置为30px;*/
			div .red{
				font-size: 30px;
				}
			/*交集选择器
			 * 	作用：选中同时符合多个条件的元素
			 * 语法：选择器1 选择器2 选择器3 选择器n{}
			 * 注意点：交集选择器中如果有元素选择器，必须使用元素选择器开头
			 * 
			 */
			.a.b.c{
				color: blue;
			}
			/*选择器分组（并集选择器）
			 * 作用，同时选择多个选择器对应的元素
			 * 语法：选择器1，选择器2，选择器3，选择器n{}
			 */
			h1,span,div.red{
				color: green;
			}
			
			
		</style>
	</head>
	<body>
		<div class="red">我是div</div>
		<p class="red">我是p元素</p>
		<p class="red2 a b c">我是p2元素</p>
		<h1>我是标题</h1>
		<span>我是行内元素</span>
	</body>
</html>
